.index-content-top{float:left;width:100%;margin:0px 0 20px 0;}

.index-imgs{float:left;width:560px; height:320px;position:relative;}
.index-imgs img{width:560px; height:320px;}
.index-imgs .index-mask{height:40px;background:#000000;opacity: 0.5; filter:alpha(opacity=50);width:100%;position:absolute;left:0px; bottom:0px;}
.index-imgs .index-mask .mask-dot{position:absolute;right:20px;bottom:14px;} 
.index-imgs .index-mask .mask-dot span{width:13px ;height:13px; background:url('../img/dot.png') no-repeat center center; display:block;float:left;margin:0 5px;cursor:pointer;}
.index-imgs .index-mask .mask-dot .index-img-on{background:url('../img/dot-sel.png') no-repeat center center;}

.index-news{float:left;width:200px;padding:0 0 0 10px;}
.index-news ul .title-wrapper{height:45px;line-height:45px;}
.index-news ul li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:30px;line-height:30px;}
.index-news ul li a{color:#5d5d5d;}

.index-booklist{float:left;width:100%;margin:0 0 10px 0;}
.index-booklist h3{width:100%; border-bottom:1px solid #ff6600; padding:5px 0 5px 15px;font-size:15px;font-weight:normal;color:#333333}
.index-booklist .index-book{float:left; width:198px;margin:10px 0;}
.index-book .book-content{margin:5px 15px;font-size:14px;border:1px solid #cccccc;padding:10px 5px;}
.index-book .book-content img{display:block; width:100px; height:140px;position:relative;left:30px;}
.index-book .book-content .book-name a{display:block; color:#7d7d7d;padding:5px 0;}
.index-book .book-content .book-price{padding:5px 0;position:relative;height:20px;}
.index-book .book-content .book-price span{position:absolute;bottom:0px;}
.index-book .book-content .now-price{left:0px; color:#ff6600;}
.index-book .book-content .ori-price{right:0px; color:#cccccc; text-decoration:line-through;}